/* pagesCollect/pages/collect/claim/claim.wxss */
page,
.selectbox {
  background: linear-gradient(180deg, #5DC1AD 0%, #d9d9d900 800rpx, #f2f2f4 100%);
  background-color: #f2f2f4;
  background-repeat: no-repeat;
}

.list {
  overflow: hidden;
  padding-bottom: 152rpx;

  .one {
    background-color: #fff;
    border-radius: 20rpx;
    padding: 30rpx;
    margin: 20rpx 16rpx;
    display: flex;

    image {
      width: 216rpx;
      height: 216rpx;
      border-radius: 16rpx;
      margin-right: 30rpx;
    }

    .flex-f1 {
      flex: 1;

      view {
        font-size: 28rpx;
        font-weight: 500;
        margin-bottom: 20rpx;
      }

      text {
        font-size: 24rpx;
        color: #B8B8BA;
      }
    }

    .chkbtn {
      width: 40rpx;
      height: 40rpx;
      background-color: #ECF6F5;
      border-radius: 50%;

      image {
        width: 100%;
        height: 100%;
        display: none;
      }

      &.chk {
        background-color: transparent;

        image {
          display: block;
        }
      }
    }
  }
}

.selectbtn {
  height: 60rpx;
  display: flex;
  align-items: center;
  background-color: #F3F3F5;
  padding: 0 20rpx;
  border-radius: 60rpx;

  image {
    width: 20rpx;
    margin-left: 10rpx;
  }
}



.selectbox {
  overflow: hidden;

  .selectline {
    padding: 0 32rpx;
    margin: 20rpx 0;

    .tit {
      font-size: 28rpx;
      color: #6D7275;
    }

    .arealist {
      display: flex;
      align-items: center;
      flex-wrap: wrap;

      .one {
        font-size: 28rpx;
        color: #717276;
        text-align: center;
        line-height: 60rpx;
        width: 184rpx;
        height: 60rpx;
        padding: 0 15rpx;
        background-color: #F2F3F5;
        border-radius: 60rpx;
        margin-right: 22rpx;
        margin-top: 20rpx;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 1;

        &.chk {
          color: #fff;
          background-color: #9FD3C9;
        }

        &:nth-child(3n) {
          margin-right: 0;
        }
      }
    }
  }



}




.sure {
  font-size: 32rpx;
  color: #fff;
  text-align: center;
  line-height: 88rpx;
  height: 88rpx;
  border-radius: 88rpx;
  background-color: #5EC0AD;
  margin: 32rpx;

  &.listbtn {
    position: fixed;
    left: 32rpx;
    right: 32rpx;
    bottom: 32rpx;
  }
}